<template>
	<div class="main">
		<div style="padding: 20px 0">
			<div class="code">
				<div>
					<img
						style="height: 200px; width: 200px"
						:src="
							baseUrl +
							`/Uploads/${CompanyCode}/QRCode/Company/${CompanyCode}.jpg`
						"
						alt=""
					/>
					<div class="mt-20">{{ value }}</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
	components: {},
	data() {
		return {
			value: this.$route.query.value,
		}
	},
	computed: {
		...mapGetters(['baseUrl', 'CompanyCode']),
	},
	created() {
	},
	methods: {},
}
</script>

<style lang="less" scoped>
.code {
	height: 280px;
	width: 280px;
	padding: 20px;
	background-color: #fff;
	margin: 0 auto;
	align-items: center;
	text-align: center;
}
</style>
